﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="BookClubIt.Default"  MasterPageFile="~/Master/Site.Master" Title="Create Online Book Clubs | bookclubit.com" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

<div class="hero-top">
<div class="contain">
<div class="left">
<h1>Create online book clubs!</h1>
<p>Sign up for <strong>free</strong> today and join thousands of other members who are creating book clubs online. Simply register for free and start book clubs, discussions, meetings, meet ups, and more, all on our easy-to-use interface.</p>
<div class="home-buttons"><a href="register.aspx" class="btn btn-large btn-info">Register for free</a>
<a href="startbookclub.aspx" class="btn btn-large btn-success">Create a book club</a>
</div>
</div>
<div class="hero-image">
<img src="images/bci_home_ss.png" alt="bookclubit" />
</div>
</div>
</div>
<div class="features">
<div class="contain">
<div class="feature connect">
<h4>Connect</h4>
<p>Find readers with similar interest and discuss your favorite books online or in person.</p>
</div>
<div class="feature share">
<h4>Share</h4>
<p>Share your ideas and opinions about your favorite books with fellow like-minded readers.</p>
</div>
<div class="feature last discuss">
<h4>Discuss</h4>
<p>Discuss your favorite books with fellow book fans and meet up in person or discuss books online.</p>
</div>
</div>
</div>
<div class="book-club-list">
<div class="contain">
<div class="new">
<h4>Newest Book Clubs</h4>
   <ASP:Repeater id="rptNewBookClubs" runat="server" OnItemDataBound="rptNewBookClubs_OnItemDataBound">
      <ItemTemplate>
      <div class="book-club">
         <asp:Image ID="imgClubAvatar" runat="server" Height="50px" Width="50px" ImageAlign="Left" />
      <asp:HyperLink ID="lnkBookClub" runat="server" />
      <asp:Label ID="lblMemberCount" runat="server" />
      <asp:Label ID="lblCurrentBook" runat="server" />
      </div>
      </ItemTemplate>
   </ASP:Repeater>
</div>
<div class="popular">
<h4>Popular Book Clubs</h4>
   <ASP:Repeater id="rptPopularBookClubs" runat="server" OnItemDataBound="rptPopularBookClubs_OnItemDataBound">
      <ItemTemplate>
      <div class="book-club">
         <asp:Image ID="imgClubAvatar" runat="server" Height="50px" Width="50px" ImageAlign="Left" />
      <asp:HyperLink ID="lnkBookClub" runat="server" />
      <asp:Label ID="lblMemberCount" runat="server" />
      <asp:Label ID="lblCurrentBook" runat="server" />
      </div>
      </ItemTemplate>
   </ASP:Repeater>
</div>
</div>

</div>
</asp:Content>